自訂 CSS 壓縮格式化樣式+排列順序﹍Sublime Text 外掛
多年前寫過一篇「 CSS 撰寫技巧及規範 」，分享了習慣的 CSS 維護作法。長時間使用下來，作業若要更有效率的話，我還想再進一步優化，例如： 經過壓縮的 CSS 碼，不要沒有任何空格，想辦法增加可讀性。 CSS 屬性希望能完全按照自訂的邏輯來排序，把可能需要修改數值的屬性...
繼續閱讀全文JS 能否判斷全螢幕狀態？有什麼絕佳應用情境？
現在市面上的扁平螢幕讓網頁可視範圍越來越小，以前 4:3、16:10 等適合看網頁的尺寸已經很難看到，主流比例成為 16:9、21:9、32:9 等適合看電影或多工的用途。 為了增加網頁的可視高度，按 F11 進入全螢幕模式是常見作法。這陣子在研究如何寫自動化程式，構想是偵測...
繼續閱讀全文Google 試算表隱藏選單+工具列+公式列﹍讓工作表區塊最大化，瀏覽效果最舒適
這陣子為了「 克服電腦背光的傷害，使用大尺寸螢幕保護眼睛 」，從距離約 2 公尺處看螢幕，得將作業系統縮放比例設定為 200% 以上，字體也須放大、設粗體，眼睛看起來才舒服。 而開瀏覽器時經放大比例後，不可避免網頁的可視範圍會少很多，對於文章為主的網頁，可利用「 Reader ...
繼續閱讀全文不用買字型，用 CSS 做出專業的縷空文字+外框
最近接到一個需求，製作醫學疾病風險自我檢測頁面，客戶提供的設計圖質感不錯，只不過有設計感的畫面在製作 RWD 效果時，難度會提高很多。 其中一個部分需要使用高超的 CSS 技巧「縷空文字+外框」，這樣的效果無法用簡單的 CSS 語法做出來，原設計圖版面如下(紅框標示的部分...
繼續閱讀全文製作 TAB 頁籤選單最簡單的架構﹍純 CSS 實現技巧整理
最近有個需求是製作 TAB 頁籤選單，這功能很常見，理應沒什麼難度。然而客戶希望將來能自行編修、調整選單內容，並製作大量相關頁面，這對於不是熟悉前端程式碼、架構的人來說，要無腦編修 TAB 頁籤的 HTML/CSS 內容實在不太可能(因為這案子的選單內容區塊架構很複雜)，而且我也...
繼續閱讀全文
